/* -------------------------------------------------------------------------------- /
	Granth - Style switcher 
/ -------------------------------------------------------------------------------- */

.style-switcher {
	width: 167px;
	position: fixed;
	left: 0px;
	top: 170px;
	z-index: 99999;
	padding: 20px 28px 10px 20px;
	background: #585858;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	font: 11px/11px Arial, Geneva, sans-serif;
	-moz-box-shadow: 0 0 20px -2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,0.15);
	box-shadow: 0 0 20px -2px rgba(0,0,0,0.15);
}
.style-switcher .h5 {
	font-weight: normal;
}
.switcher-row {
	padding-bottom: 20px;
	
	position: relative;
	margin-bottom: 20px;
}
.switcher-row:not(:last-child) {
	border-bottom: dotted 1px rgba(225, 225, 225, 0.5);
}
.switcher-row:before, .switcher-row:after {
	content: "";
	display: table;
}
.switcher-row:after {
	clear: both;
}
.style-switcher, .style-switcher .h5, .style-switcher a {
	color: #fff;
}
.switcher-dock-button {
	background: #585858;
	position: absolute;
	right: -50px;
	top: 17px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	border-left-color: #FFF;
	-moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);
	border: 2px solid #585858;
}
.switcher-button {
	background: url(settings_icon.gif) 0 0 no-repeat;
	display: block;
	width: 44px;
	height: 44px;
	opacity: 0.5;
}
.switcher-button:hover {
	opacity: 1;
}
.switcher-opt-boxed span {
	background: url(switch.png) 0 0 repeat;
	display: inline-block;
	height: 11px;
	margin-right: 10px;
	position: relative;
	top: 2px;
	width: 21px;
}
.style-switcher .switcher-opt-checked span {
	background-position: 0 -10px;
}
.switcher-row:last-child {
	margin-bottom: 0;
}
.switcher-skin {
	padding-bottom: 0;
}

.switcher-opt-skin {
	display: inline-block;
	width: 33px;
	height: 33px;
	float: left;
	margin-bottom: 10px;
	border-radius: 50%;
}
.switcher-opt-skin:not(:first-child) {
	margin-left: 10px;
}
.switcher-skin span + .switcher-opt-skin {
	margin-left: 0;
}
/*.switcher-opt-skin span {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #e14f43;
}*/
.switcher-opt-skin.skin-red {
	background: url('c3.png') no-repeat 0 0;
}
.switcher-opt-skin.skin-blue {
	background: url('c1.png') no-repeat 0 0;
}
.switcher-opt-skin.skin-green {
	background: url('c2.png') no-repeat 0 0;
}
.switcher-opt-skin.skin-orange {
	background: url('c4.png') no-repeat 0 0;
}
.switcher-opt-skin.skin-purple {
	background: url('c5.png') no-repeat 0 0;
}
.switcher-opt-skin:hover, .switcher-opt-skin.active {
	background-position: 0 bottom;
}

@media (max-width:991px) {
	.style-switcher { display: none; }
}